<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index.css" />
</head>

<body>
    <div class="wrap">
        <div class="wrap-hd">
            <h1 class="wrap-title">—— 踏实勤奋努力 注定技术到手 ——</h1>
            <p class="wrap-describe">中大型互联网企业需要真正有技术的人</p>
        </div>
        <div class="wrap-bd">
            <ul class="j-list">
            </ul>
        </div>
    </div>

    <!-- 这样写可以缓解请求服务器的压力 -->
    <!-- div里面的数据，是模拟后台传入的数据 -->
    <div id="j-data" style="display: none;">
        [{"id":"1","career":"\u524d\u7aef\u5de5\u7a0b\u5e08","city":"\u5317\u4eac","salary":"15","img":"1.jpg"},{"id":"2","career":"\u524d\u7aef\u5de5\u7a0b\u5e08","city":"\u5e7f\u5dde","salary":"11","img":"2.jpg"},{"id":"3","career":"\u524d\u7aef\u5de5\u7a0b\u5e08","city":"\u4e0a\u6d77","salary":"10","img":"3.jpg"},{"id":"4","career":"\u524d\u7aef\u5de5\u7a0b\u5e08","city":"\u6210\u90fd","salary":"9","img":"4.jpg"},{"id":"5","career":"\u540e\u7aef\u5de5\u7a0b\u5e08","city":"\u5317\u4eac","salary":"11","img":"5.jpg"},{"id":"6","career":"\u524d\u7aef\u5de5\u7a0b\u5e08","city":"\u5317\u4eac","salary":"13","img":"6.jpg"},{"id":"7","career":"\u524d\u7aef\u5de5\u7a0b\u5e08","city":"\u6df1\u5733","salary":"12","img":"7.jpg"},{"id":"8","career":"\u524d\u7aef\u5de5\u7a0b\u5e08","city":"\u4e0a\u6d77","salary":"10","img":"8.jpg"},{"id":"9","career":"\u540e\u7aef\u5de5\u7a0b\u5e08","city":"\u6210\u90fd","salary":"10","img":"9.jpg"},{"id":"10","career":"\u524d\u7aef\u5de5\u7a0b\u5e08","city":"\u5317\u4eac","salary":"18","img":"10.jpg"}]
    </div>
    <script type="text/javascript" src="../js/utils.js"></script>
    <script type="text/javascript" src="../js/index.js"></script>
    <script type="text/html" id="j-tpl">
        <li class="j-item">
            <img src="../images/{{img}}" alt="">
            <div class="item-describe">
                <h2 class="position">{{carrer}}({{city}})</h2>
                <span class="income">月薪{{salary}}k</span>
            </div>
        </li>
    </script>
</body>

</html>